import React, { Component } from 'react';
// 下拉选择框 select 如何变成一个受控组件
class App extends Component {
  // 1. 定义一个select 初始状态值
  state = {
    value:"sh"
  }
  render() {
    return (
      <div>
        {/*2.将 state.value 通过 value 属性绑定在 select 表单上*/}
        {/*3.在 select 表单元素上，绑定一个 onChange 事件*/}
        <select value={this.state.value} onChange={(e)=>{
          console.log(e.target.value);
          this.setState({
            value:e.target.value
          })
        }}>
          <option value="gz">广州</option>
          <option value="sh">上海</option>
        </select>
      </div>
    );
  }
}

export default App;
